
<!DOCTYPE html>
<html lang="en">
<head>
<title>网上商店后台-详情</title>
<meta charset="utf-8">
<!--全局CSS-->
<link rel="stylesheet" type="text/css" href="../../../css/share/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../../../css/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="../../../css/share/myStyle.css">
<!--私有CSS-->

</head>
<body>
    <!-- 页面顶部导航条 -->
	<div class="row panel titlePanel">
		<div class="col-md-12">
			<div class="col-md-3">
				<h3>
					<i class="fa fa-dashboard"></i> 用户管理
				</h3>
			</div>
			<div class="col-md-6">
				<div style="text-align: center;"></div>
			</div>
			<div class="col-md-3">
				<ul class="functionTip app-breadcrumb breadcrumb">
					<li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
					<li class="breadcrumb-item"><a href="">用户管理 / 详情</a></li>
				</ul>
			</div>
		</div>
	</div>
    <!-- 页面内容体 -->
    
	<div class="row">
		<div class="col-md-12">
			<div class="panel-group" id="accordion">
				<div class="panel panel-default">
					<div class="panel-heading">
						<h4 class="panel-title" style="text-align:left;">
							<i class="fa fa-hand-o-right" aria-hidden="true"></i>基本信息
						</h4>
					</div>
					<div class="panel-body">
					    <div class="row">
					    	<div class="col-md-3">
					    	<img alt="用户照片" src="../../../upload/pics/portrait.jpg" width="100" height="100">
					    	</div>
					    	<div class="col-md-9">
					    	   <div class="row">
					    	    	<div class="form-group col-md-6 form-inline">
					                  <label>姓名：张小华</label>
					                </div>
					                
									<div class="form-group col-md-6 form-inline">
					                  <label>性别：男</label>
					                </div>
					                 
					                
					                <div class="form-group col-md-6 form-inline">
					                  <label>手机：13668270604</label>
					                </div>
					                
					                <div class="form-group col-md-6 form-inline">
					                  <label>EMail：ZhangXiaohua@nsu.edu.cn</label>
					                </div>
					                <div class="form-group col-md-6 form-inline">
					                  <label>类别：管理员</label>
					                </div>
					                 
					    	   </div> 
					    	</div>
					    </div>
					    
						
					</div>
				</div>
				
				
				<div class="panel panel-default">
					<div class="panel-heading">
						<h4 class="panel-title" style="text-align:left;">
							<a data-toggle="collapse" data-parent="#accordion" 
							   href="#collapseClasses">
								<i class="fa fa-hand-o-right" aria-hidden="true"></i>历史订单
							</a>
						</h4>
					</div>
					<div id="collapseClasses" class="panel-collapse collapse in">
						<div class="panel-body">
							<table class="table table-hover table-bordered table-striped" id="dataTable">
				                <thead>
				                  <tr>
				                    <th>时间</th>
				                    <th>状态</th>
									<th>总价</th>
				                    <th>主图</th>
				                    <th>名称</th>
				                    <th>单价</th>
									<th>数量</th>
				                    <th>小计</th>
									
				                   </tr>
				                </thead>
				                <tbody>
				                  <tr>
				                    <td rowspan="2">2021-07-10 10:01:30</td>
				                    <td rowspan="2">已付款待发货</td>
									 <td rowspan="2">&yen;80.0</td>
				                    <td><img alt="商品主图"/></td>
				                    <td>Java语言程序设计教程</td>
				                    <td>&yen;34.5</td>
				                    <td>1</td>
				                    <td>&yen;34.5</td>
				                  </tr>
							      <tr>
									<td><img alt="商品主图"/></td>
							        <td>Web应用开发教程</td>
							        <td>&yen;45.0</td>
							        <td>1</td>
							        <td>&yen;45.0</td>
							      </tr>
				                  
				                  
							  </tbody>
							</table>
						</div>
					</div>
					<div class="panel-footer">
					  <div class="btn-group">
						<button type="button" class="btn btn-primary" onclick="navTo('list.html')"><i class="fa fa-fw fa-lg fa-times-circle"></i>返回</button>
					  </div>
					</div>
				</div>
				
				
			</div>
			
		</div>
	</div>

	<!--全局JS -->
	<script src="../../../js/share/jquery-3.2.1.min.js"></script>
	<script src="../../../js/share/bootstrap.min.js"></script> 
	<script src="../../../js/share/share.js"></script>
	
	<!--私有JS-->

	<script type="text/javascript">
    
        
      
    </script>
</body>